<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>littree</title>
        <link rel="stylesheet" href="./pure-min.css">
        <script src="./underscore-min.js"></script>
        <script src="./littree.js"></script>
    </head>
    <body>
        <div style="margin: 14px;">
            <form class="pure-form" onsubmit="tree(event)">
                <div>
                    <textarea id="data" placeholder="数据" style="width: 100%; height: 200px;"></textarea>
                </div>
                <div style="margin-top: 8px;">
                    <input id="id" placeholder="id">
                </div>
                <div style="margin-top: 8px;">
                    <input type="radio" name="mode" checked> Parent
                    <input type="radio" name="mode" disabled> Path
                    <input id="parent" placeholder="Parent/Path">
                </div>
                <div style="margin-top: 8px;">
                    <input id="name" placeholder="name">
                </div>
                <div style="margin-top: 8px;">
                    <button class="pure-button pure-button-primary">tree</button>
                </div>
            </form>
            <pre id="tree" style="margin-top: 14px;">
            </pre>
        </div>
    </body>
</html>
